微信小程序将后端返回的图片文件流解析显示到页面

您所在的位置：网站首页 › 小程序显示图片 › 微信小程序将后端返回的图片文件流解析显示到页面

微信小程序将后端返回的图片文件流解析显示到页面

2024-07-13 06:17:25| 来源: 网络整理| 查看: 265

说明

由于请求接口后端返回的图片格式不是一个完整的url,也不是其他直接能显示的图片格式，是一张图片

后端根据模板与二维码生成图片,返回二进制数据

返回为文件流的格式,用wx.request请求的时候，就自动解码成为了下面这样的数据数据格式,这样的数据没有办法直接赋值给url去显示。

获取数据并处理 getUserBanner() { let that = this wx.request({ url: 'http://localhost:9080/test/addBanner',//后台地址 method: 'GET', responseType: 'arraybuffer', //切换流返回类型 data: {}, success: (res) => { console.log("返回数据"+res.data) if (res.data) { that.setData({ userBanner : 'data:image/png;base64,' + wx.arrayBufferToBase64(res.data) //赋值 }) } } }) },

1、设置 responseType: 'arraybuffer',将数据转为类似二进制数组的格式 2、 let url ='data:image/png;base64,'+wx.arrayBufferToBase64(res.data)

后端返回数据,根据rpc调用返回的二维码生成图片模板

【本文地址】

公司简介

联系我们

今日新闻

点击排行

实验室常用的仪器、试剂和: 说到实验室常用到的东西，主要就分为仪器、试剂和耗

不用再找了，全球10大实验: 01、赛默飞世尔科技（热电）Thermo Fisher Scientif

三代水柜的量产巅峰T-72坦: 作者：寞寒最近，西边闹腾挺大，本来小寞以为忙完这

通风柜跟实验室通风系统有: 说到通风柜跟实验室通风，不少人都纠结二者到底是不

集消毒杀菌、烘干收纳为一: 厨房是家里细菌较多的地方，潮湿的环境、没有完全密

实验室设备之全钢实验台如: 全钢实验台是实验室家具中较为重要的家具之一，很多

图片新闻

实验室药品柜的特性有哪些: 实验室药品柜是实验室家具的重要组成部分之一，主要

小学科学实验中有哪些教学: 计算机计算器一般打孔器打气筒仪器车显微镜

实验室各种仪器原理动图讲: 1.紫外分光光谱UV分析原理：吸收紫外光能量，引起分

高中化学常见仪器及实验装: 1、可加热仪器：2、计量仪器：（1）仪器A的名称：量

微生物操作主要设备和器具: 今天盘点一下微生物操作主要设备和器具，别嫌我啰嗦

浅谈通风柜使用基本常识: 　众所周知，通风柜功能中最主要的就是排气功能。在

微信小程序将后端返回的图片文件流解析显示到页面

微信小程序将后端返回的图片文件流解析显示到页面

今日新闻

点击排行

推荐新闻

图片新闻

专题文章